<style type="text/less" lang="less" scoped>
    @import "~@/assets/css/font.less";
    .ff-submit-bar {
        box-sizing: border-box;
        position: fixed;
        bottom: 0;
        left: 80px;
        right: 80px;
        height: 50px;
        min-width: 1080px;
        background-color: #F5F5F5;
        display: flex;
        align-items: center;
        justify-content: space-between;
        z-index: 2;
        &--label {
            color: @body-common-font-color;
            font-size: 14px;
            margin-left: 12px;
            font-weight: 400;
        }
        &-total {
            font-size: 18px;
            color: @font-light-color;
            padding: 0 4px;
        }
        &--check {
            display: flex;
            align-items: center;
            label {
                margin-left: 12px;
            }
        }
        &--right {
            .ff-submit-bar--label {
                margin-right: 30px;
            }
        }
        &-submit {
            cursor: pointer;
            display: inline-block;
            line-height: 50px;
            box-sizing: border-box;
            background-color: @font-light-color;
            color: #fff;
            width: 140px;
            text-align: center;
            font-size: 16px;
        }
    }
</style>
<template>
    <div class="ff-submit-bar">
        <slot>
            <div class="ff-submit-bar--check">
                <label>
                    <input type="checkbox" class="ff-table__checkbox" :checked="checked" @change="checkChange" />
                    <span class="ff-table__checked_copy"></span>
                </label>
                <span class="ff-submit-bar--label">全选</span>
            </div>
        </slot>
        <div class="ff-submit-bar--right">
            <span class="ff-submit-bar--label">退仓款数<span class="ff-submit-bar-total">{{warehouseStyle}}</span>款</span>
            <!--<span class="ff-submit-bar&#45;&#45;label">共<span class="ff-submit-bar-total">{{warehouseChoose}}</span>件</span>-->
            <span class="ff-submit-bar--label">补充款数<span class="ff-submit-bar-total">{{supplementStyle}}</span>款</span>
            <span class="ff-submit-bar--label">共<span class="ff-submit-bar-total">{{supplementChoose}}</span>件</span>
            <span class="ff-submit-bar-submit" @click="promptlySubmit">立即提交</span>
        </div>
    </div>
</template>

<script>
    export default {
        props: {
            checked: {
                type: Boolean,
                default: false
            },
            warehouseStyle: {},
            warehouseChoose: {},
            supplementStyle: {},
            supplementChoose: {}
        },
        methods: {
            /* 全选 */
            checkChange () {
                this.$emit('handleAllChecked');
            },
            /* 提交 */
            promptlySubmit () {
                this.$emit('promptlySubmit');
            }
        }
    }
</script>
